<template>
  <div class="container">
    <div class="header">
      <van-icon name="arrow-left" />
      <van-icon name="chat-o" @click="show = true" />
      <div class="circle">头像</div>
      <div class="chang">成员</div>
    </div>
    <div class="content">
      <div class="quan"></div>
      <div class="quan"></div>
      <div class="quan"></div>
      <div class="quan"></div>
      <div class="quan"></div>
      <div class="quan"></div>
      <div class="quan"></div>
      <div class="quan"></div>
      <div class="quan"></div>
      <div class="quan"></div>
      <div class="quan"></div>
      <div class="quan"></div>
    </div>

    <div class="title">
      <span>实况</span>
      <span>留言板</span>
    </div>

    <div class="welcome">欢迎新人进入</div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}
.container {
  width: 100%;
  height: 100%;
}
.header {
  width: 750px;
  height: 326px;
  background-color: rgba(239, 239, 239, 100);
  position: relative;
  display: flex;
  justify-content: space-between;
}
.van-top {
  font-size: 24px;
}
.circle {
  width: 132px;
  height: 132px;
  line-height: 132px;
  font-size: 14px;
  text-align: center;
  border: 1px solid rgba(187, 187, 187, 100);
  border-radius: 50%;
  margin-left: 110px;
  margin-top: 74px;
  position: absolute;
}
.chang {
  left: 278px;
  top: 108px;
  width: 400px;
  height: 66px;
  line-height: 66px;
  font-size: 14px;
  text-align: center;
  border: 1px solid rgba(187, 187, 187, 100);
  position: absolute;
}
.content {
  height: 450px;
  width: 750px;
  background-color: rgba(239, 239, 239, 100);
  float: left;
}
.quan {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  float: left;
  margin: 34px 55px;
  background-color: rgba(255, 255, 255, 100);
  border: 1px solid rgba(187, 187, 187, 100);
}
.title span {
  margin: 0 20px;
  margin-left: 62px;
  margin-top: 30px;
}
.welcome {
  margin-left: 52px;
  margin-top: 100px;
  width: 622px;
  height: 68px;
  line-height: 68px;
  background-color: rgba(239, 239, 239, 100);
  color: rgba(16, 16, 16, 100);
  font-size: 28px;
  text-align: center;
  font-family: Arial;
  border: 1px solid rgba(187, 187, 187, 100);
}
</style>
